<template>
  <div class="son">
    <!-- 渲染使用 -->
    我是son组件 {{ title }}
    <button @click="changeFn">修改title</button>
  </div>
</template>

<script>
export default {
  name: 'Son',
  // 通过props进行接收
  props: ['title'],
  methods: {
    changeFn() {
      // 1.通过$emit,向父组件发送消息通知
      this.$emit('changeTitle', '传智教育')
    }
  },
}
</script>

<style scoped>
.son {
  border: 3px solid #000;
  margin: 10px;
}
</style>